<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,minimum-scale=1,maximum-scale=1,user-scalable=no">
	<title>我的</title>
	<link rel="stylesheet" type="text/css" href="../css/iconfont.css">
	<link rel="stylesheet" type="text/css" href="../css/wode.css">
	<script type="text/javascript" src="../js/rem2.js"></script>
</head>
<body>
	<div class="wrap">
		<!-- 头部 -->
		<div class="header">
			<label class="header_left"><img src="../img/ico_set.png"></label>
			<div class="header_title">我的</div>
			<label class="header_right"><img src="../img/ico_msg.png"></label>
		</div>
		<!-- 头部 -->
		<div class="content">
			<div class="con_head">
				<div class="head_top">
					<div class="wodeImg">
						<img src="../img/head_img.jpg">
					</div>
					<h2>15013068326</h2>
					<p>账户管理、收货地址 ></p>
				</div>
				<div class="head_bottom">
					<ul>
						<li>
							<p class="num">5</p>
							<p class="name">收藏的商品</p>
						</li>
						<li>
							<p>20</p>
							<p>收藏的店铺</p>
						</li>
						<li>
							<p>71</p>
							<p>浏览记录</p>
						</li>
					</ul>
				</div>
			</div>
			<div class="item dingdan">
				<img src="../img/ucenter_order.png">
				<span class="item_title">我的订单</span>
				<i class="iconfont icon-ic_chevron_right_px"></i>
				<span class="item_right">查看全部订单</span>
			</div>
			<div class="list">
				<ul>
					<li><img src="../img/06.jpg"><p>待付款</p></li>
					<li><img src="../img/08.jpg"><p>待收货</p></li>
					<li><img src="../img/10.jpg"><p>待评价</p></li>
					<li><img src="../img/03.jpg"><p>退换货</p></li>
				</ul>
			</div>
			<div class="item tixian">
				<img src="../img/ucenter_cash.png">
				<span class="item_title">提现账户</span>
				<i class="iconfont icon-ic_chevron_right_px"></i>
			</div>
			<div class="item jiaoliu">
				<img src="../img/ucenter_consult.png">
				<span class="item_title">店主交流</span>
				<i class="iconfont icon-ic_chevron_right_px"></i>
			</div>
			<div class="item bangzhu">
				<img src="../img/ucenter_helps.png">
				<span class="item_title">帮助与反馈</span>
				<i class="iconfont icon-ic_chevron_right_px"></i>
			</div>
			<div class="item about">
				<img src="../img/ucenter_about.png">
				<span class="item_title">关于我们</span>
				<i class="iconfont icon-ic_chevron_right_px"></i>
			</div>
			<div class="item tuijian">
				<img src="../img/ucenter_tofriends.png">
				<span class="item_title">推荐给好友,一起赚钱</span>
				<i class="iconfont icon-ic_chevron_right_px"></i>
			</div>
		</div>
		<div class="mask">
			<div class="mask_content">
				<div class="con_item">
					<ul>
						<li>
							<img src="../img/share_weixin.png">
							<p>微信好友</p>
						</li>
						<li>
							<img src="../img/share_circle.png">
							<p>微信朋友圈</p>
						</li>
						<li>
							<img src="../img/share_sina.png">
							<p>新浪微博</p>
						</li>
					</ul>
				</div>
				<div class="con_item">
					<ul>
						<li>
							<img src="../img/share_qq.png">
							<p>QQ好友</p>
						</li>
						<li>
							<img src="../img/share_z.png">
							<p>QQ空间</p>
						</li>
						<li>
							<img src="../img/share_contacts.png">
							<p>手机联系人</p>
						</li>
					</ul>
				</div>
				<div class="con_item">
					<ul>
						<li>
							<img src="../img/share_customer.png">
							<p>老客户</p>
						</li>
						<li>
							<img src="../img/share_code.png">
							<p>二维码</p>
						</li>
						<li>
							<img src="../img/share_copyLink.png">
							<p>复制链接</p>
						</li>
					</ul>
				</div>
				<div class="quxiao">取消</div>
			</div>
		</div>
	</div>
</body>
<script type="text/javascript">
	var back = document.querySelector(".header_left");
	var tixian = document.querySelector(".tixian");
	var jiaoliu = document.querySelector(".jiaoliu");
	var bangzhu = document.querySelector(".bangzhu");
	var quxiao = document.querySelector(".quxiao");
	var tuijian = document.querySelector(".tuijian");
	var mask = document.querySelector(".mask");
	var about = document.querySelector(".about");
	tuijian.addEventListener("click",function(){
		mask.style.display="block";
	});
	quxiao.addEventListener("click",function(){
		mask.style.display="none";
	});
	back.addEventListener("click",function(){
		window.history.go(-1);
	});
	tixian.addEventListener("click",function(){
		location.href="yinhang.html"
	});
	jiaoliu.addEventListener("click",function(){
		location.href="dianzhujiaoliu.html"
	});
	bangzhu.addEventListener("click",function(){
		location.href="helpfangkui.html"
	});
	about.addEventListener("click",function(){
		location.href="about.html"
	});
</script>
</html>